import { defineStore } from "pinia";
import defaultSettings from "@/settings";
import { useDynamicTitle } from "@/utils/dynamicTitle";
import { IChangeSetting } from "./type/index";
const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings;
const layoutSetting = localStorage.getItem("layout-setting");
const storageSetting = layoutSetting ? JSON.parse(layoutSetting) : "";

const useSettingsStore = defineStore("settings", {
    state: () => ({
        title: "",
        theme: storageSetting.theme || "#409EFF",
        sideTheme: storageSetting.sideTheme || sideTheme,
        showSettings: showSettings,
        topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
        tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
        fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
        sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
        sidebarLogoUrl: "",
        dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle,
    }),
    actions: {
        // 修改布局设置
        changeSetting(data: IChangeSetting) {
            const { key, value } = data;
            // if (this.hasOwnProperty(key)) {
            if (Object.hasOwnProperty.call(this, key)) {
                this[key] = value;
            }
        },
        // 设置网页标题
        setTitle(title: string) {
            this.title = title;
            useDynamicTitle();
        },
    },
});

export default useSettingsStore;
